/*
 * @Author: your name
 * @Date: 2021-08-06 21:08:10
 * @LastEditTime: 2021-08-06 21:15:58
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \Self\hrsaas-86\src\directives\index.js
 */
// 将来自定义指令多了, 又全都堆在 main.js 中, 所以新建一个模块统一管理所有的自定义指令

// 这个文件负责管理所有的自定义指令
export const imgerror = {
  inserted(el, binding) {
    //   el就是该指令的dom元素 这里就是img标签
    // binding是指令的相关信息对象 ==>binding.value就是指令的值
    el.onerror = function() {
      el.src =
        binding.value ||
        'https://img0.baidu.com/it/u=3983622294,3123611233&fm=26&fmt=auto&gp=0.jpg'
    }
  }
}

export const red = {
  inserted(el, binding) {
    el.style.color = 'red'
  }
}

export const green = {
  inserted(el, binding) {
    el.style.color = 'green'
  }
}
